<template>
  <div class="box">
    <header>{{ title }}</header>
    <slot></slot>
  </div>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: "请输入标题",
    },
  },
};
</script>
<style scoped lang='scss'>
.box {
  padding: vw(18px) vh(17px);
  box-sizing: border-box;
  header {
    width: vw(415px);
    height: vh(40px);
    background-image: url("~@/assets/concreteScreen/tit_bg@2x.png");
    background-size: 100% 100%;
    font-family: Source Han Sans CN;
    font-weight: bold;
    font-size: vh(20px);
    color: #dafdff;
    line-height: vh(40px);
    padding-left: vw(49px);
    box-sizing: border-box;
  }
}
</style>
